<template>
  <div>
    <Header></Header>

    <router-view></router-view>
    
    <!-- 第一种写法：直接获取到匹配的路由对象当中的路径进行判断
    但是这样的写法不好，如果有多个页面都不能看到底部，那么模板当中写的就比较复杂-->
    <!-- <Footer v-show="$route.path === '/home' || $route.path === '/search'"></Footer> -->
    <Footer v-show="!$route.meta.isHidden"></Footer>
  </div>
</template>

<script>
import Header from '@/components/Header'
import Footer from '@/components/Footer'
export default {
  name: 'App',
  components:{
    Header,
    Footer
  },
  mounted() {
    this.getCategoryList();
  },
  methods:{
    getCategoryList() {
      // 一旦dispatch，vuex当中三连环就会启动，会发请求获取数据，存储再vuex里面
      // 可以再工具当中找vuex查看
      this.$store.dispatch("getCategoryList");
    }
  }
}
</script>

<style lang="less" scoped>

</style>
